module.exports = {
  base: "/Note/",
  title: "vuepress-theme-reco",
  description: "A simple and beautiful vuepress blog theme .",
  // dest: 'public',
  locales: {
    '/': {
      lang: 'zh-CN'
    }
  },
  head: [
    ["link", {
      rel: "icon",
      href: "/favicon.ico"
    }],
    [
      "meta",
      {
        name: "viewport",
        content: "width=device-width,initial-scale=1,user-scalable=no",
      },
    ],
  ],
  theme: "reco",
  themeConfig: {
    locales: { //配置语言
      '/': {
        recoLocales: {
          homeBlog: {
            article: '美文', // 默认 文章
            tag: '标识', // 默认 标签
            category: '类别', // 默认 分类
            friendLink: '友链' // 默认 友情链接
          },
          pagation: {
            prev: '上一页',
            next: '下一页',
            go: '前往',
            jump: '跳转至'
          }
        }
      }
    },
    nav: [{
      text: "Home",
      link: "/",
      icon: "reco-home"
    },
    {
      text: "TimeLine",
      link: "/timeline/",
      icon: "reco-date"
    },
    {
      text: "Docs",
      icon: "reco-message",
      items: [{
        text: "vuepress-reco",
        link: "/docs/theme-reco/"
      }],
    },
    {
      text: "前端",
      icon: "reco-message",
      items: [{
        text: "工具",
        link: "/docs/qd/qdtool/",
      },
      {
        text: "html",
        link: "/docs/qd/html/",
      },
      {
        text: "css",
        link: "/docs/qd/css/",
      },
      {
        text: "js",
        link: "/docs/qd/js/",
      },
      {
        text: "jQuery",
        link: "/docs/qd/jQuery/",
      },
      {
        text: "移动web开发",
        link: "/docs/qd/移动web开发/",
      },
      {
        text: "Ajax",
        link: "/docs/qd/Ajax/",
      },
      {
        text: "ES6",
        link: "/docs/qd/ES6/",
      },
      {
        text: "node",
        link: "/docs/qd/node/",
      },
      {
        text: "vue",
        link: "/docs/qd/vue/",
      },
      {
        text: "React",
        link: "/docs/qd/React/",
      },
      ],
    },
    {
      text: "Contact",
      icon: "reco-message",
      items: [{
        text: "GitHub",
        link: "https://github.com/recoluan",
        icon: "reco-github",
      },],
    },
    ],
    sidebar: {
      "/docs/theme-reco/": ["", "theme", "plugin", "api"],
      // 前端
      "/docs/qd/qdtool/": [
        "",
        "01-VS Code的使用",
        "02-Git的使用",
        "04-Sublime Text在前端中的使用",
        "04-WebStorm的使用",
        "05-Atom在前端的使用",
        "05-GitHub的使用",
        "05-VS Code的使用积累",
        "06-chrome浏览器",
        "07-Emmet in VS Code",
        "whistle网络抓包",
        "iconMoon",
        "iTerm2 + OhMyZsh + agnoster 搭建",
      ],
      "/docs/qd/html/": [
        "",
        "01-html标签图文详解（一）",
        "02-html标签图文详解（二）",
        "03-HTML5详解",
        "04-HTML5举例：简单的视频播放器",
        "05-HTML5详解（二）",
        "06-HTML5详解（三）",
        "07-HTML基础回顾",
      ],
      "/docs/qd/css/": [
        "",
        "00-准备",
        "01-CSS属性：字体属性和文本属性",
        "01-CSS中的非布局样式",
        "02-CSS布局",
        "02-CSS属性：背景属性",
        "03-CSS样式表和选择器",
        "03-网页设计和开发中，关于字体的常识",
        "04-CSS选择器：伪类",
        "04-如何让一个元素水平垂直居中？",
        "05-CSS样式表的继承性和层叠性",
        "06-CSS盒模型详解",
        "07-浮动",
        "08-CSS属性：定位属性",
        "09-CSS案例讲解：博雅互动",
        "10-CSS3选择器详解",
        "11-CSS3属性详解（一）",
        "12-CSS3属性详解：动画详解",
        "13-CSS3属性：Flex布局图文详解",
        "14-CSS3属性详解：Web字体",
        "15-Sass入门",
        "22",
        "23-浏览器的兼容性问题",
      ],
      "/docs/qd/js/": [
        "",
        "00-编程语言",
        "01-JS简介",
        "02-变量",
        "03-变量的数据类型",
        "04-typeof和数据类型转换",
        "05-运算符",
        "11-对象简介和对象的基本操作",
        "12-基本数据类型vs引用数据类型",
        "17-函数",
        "18-作用域",
        "19-预编译及变量提升详解",
        "20-作用域链",
        "21-this",
        "22-闭包",
        "23-对象的创建&构造函数",
        "24-原型对象",
        "25-数组简介",
        "26-数组的常见方法&数组的遍历",
        "27-内置对象：Date",
        "28-内置对象：Math",
        "29-包装类",
        "30-内置对象：String",
        "31-正则表达式",
        "39-事件简介",
        "40-DOM简介和DOM操作",
        "41-通过style对象获取和设置行内样式",
        "42-offset相关属性和匀速动画(含轮播图的实现)",
        "43-scroll相关属性和缓动动画",
        "44-client(可视区)相关属性",
        "45-事件的绑定和事件对象Event",
        "46-事件的传播和事件冒泡",
        "47-事件委托",
        "48-键盘事件",
        "49-BOM简介和navigator.userAgent&History&Location",
        "50-定时器",
        "BOM的常见内置方法和内置对象",
        "call、apply、bind的区别",
        "JavaScript开发积累",
        "常见代码解读",
        "创建对象和继承",
        "浅拷贝和深拷贝",
        "原型链",
        "作用域和闭包",
      ],
      "/docs/qd/jQuery/": [
        "",
        "01-jQuery的介绍和选择器",
        "02-jQuery动画详解",
        "03-jQuery操作DOM",
        "04-jQuery的事件机制和其他知识",
        "11-Zepto入门",
      ],
      "/docs/qd/移动web开发/": ["", "01-Bootstrap入门", "02-Bootstrap使用", "03-Less详解"],
      "/docs/qd/Ajax/": [
        "",
        "01-服务器分类及PHP入门",
        "02-Ajax入门和发送http请求",
        "03-函数封装：Ajax发送http请求（get&post）",
        "04-同源和跨域",
        "05-模板引擎",
      ],
      "/docs/qd/ES6/": [
        "",
        "01-ES5中的严格模式",
        "02-ES5中的一些扩展",
        "03-ES6的介绍和环境配置",
        "04-ES6：变量",
        "05-ES6：函数扩展",
        "08-ES6：promise、async等",
        "09-ES6：字符串、数组、对象的扩展",
      ],
      "/docs/qd/node/": [
        "",
        "00-事件驱动和非阻塞机制",
        "01-Node.js入门",
        "02-JavaScript模块化01：CommonJS",
        "02-JavaScript模块化02：AMD",
        "02-JavaScript模块化03：CMD",
        "02-JavaScript模块化04：ES6",
        "CommonJS",
        "ES6",
        "Node.js代码举例",
        "WebSocket",
      ],
      "/docs/qd/vue/": [
        "",
        "00-Vue的介绍和vue-cli",
        "01-01.Vue的系统指令",
        "01-02.v-on的事件修饰符",
        "01-03.Vue的系统指令(二)",
        "01-04.Vue的举例：列表功能",
        "01-05.自定义过滤器：时间格式化举例",
        "01-06.自定义按键修饰符&自定义指令",
        "02-Vue实例的生命周期函数",
        "03-Vue中的Ajax请求",
        "04-Vue动画",
        "05-Vue组件的定义和注册",
        "06-Vue组件之间的传值",
        "07-Vue-router路由",
        "Vue.js在开发中的常见写法积累",
        "Vue-router路由",
        "Vue开发积累",
        "Vue组件",
      ],
      "/docs/qd/React/": [
        "",
        "01-React介绍",
        "02-JSX语法介绍",
        "03-React组件（一）：生命周期",
        "04-React组件（二）：常见属性和函数",
        "05-React中绑定this并给函数传参的几种方式",
        "06-React的单向数据绑定",
        "07-React路由的使用",
        "08-Ant Design的基本使用",
        "09-AntD框架的upload组件上传图片时遇到的一些坑",
        "10-React Navive初识",
      ],
    },
    type: "blog",
    // 博客设置
    blogConfig: {
      category: {
        location: 2, // 在导航栏菜单中所占的位置，默认2
        text: "essay ", // 默认 “分类”
      },
      tag: {
        location: 3, // 在导航栏菜单中所占的位置，默认3
        text: "Tag", // 默认 “标签”
      },
    },
    friendLink: [{
      title: "午后南杂",
      desc: "Enjoy when you can, and endure when you must.",
      email: "1156743527@qq.com",
      link: "https://www.recoluan.com",
    },
    {
      title: "vuepress-theme-reco",
      desc: "A simple and beautiful vuepress Blog & Doc theme.",
      avatar: "https://vuepress-theme-reco.recoluan.com/icon_vuepress_reco.png",
      link: "https://vuepress-theme-reco.recoluan.com",
    },
    ],
    logo: "/7.jpg",
    // 搜索设置
    search: true,
    searchMaxSuggestions: 10,
    // 自动形成侧边导航
    // sidebar: 'auto',
    // 最后更新时间
    lastUpdated: new Date().toLocaleDateString(),
    // 作者
    author: "xhb",
    // 作者头像
    authorAvatar: "/7.jpg",
    // 备案号
    record: "xxxx",
    // 项目开始时间
    startYear: "2020",
    /**
     * 密钥 (if your blog is private)
     */

    // keyPage: {
    //   keys: ['your password'],
    //   color: '#42b983',
    //   lineColor: '#42b983'
    // },

    /**
     * valine 设置 (if you need valine comment )
     */

    valineConfig: {
      appId: 'odEiJ2wdB7dw3MEXd0Jse3Ge-gzGzoHsz',// your appId
      appKey: 'CrftofKtgTh6KmNPtO7eDA4U', // your appKey
    }
  },
  markdown: {
    lineNumbers: true,
  },
  //插件配置
  plugins: [
    [
      "@vuepress-reco/vuepress-plugin-kan-ban-niang",
      {
        messages: {
          welcome: '欢迎来到 ' + "bo-bug",
          home: '心里的花，我想要带你回家。',
          theme: '好吧，希望你能喜欢我的其他小伙伴。',
          close: '你知道我喜欢吃什么吗？痴痴地望着你。'
        },
        messageStyle: {
          right: '10px',
          bottom: '190px'
        },
        modelStyle: {
          right: '90px',
          bottom: '-20px',
          opacity: '0.9'
        },
        btnStyle: {
          right: '90px',
          bottom: '40px',
        },
      },
    ],
    [
      "@vuepress-reco/vuepress-plugin-pagation"
    ],
  ]
};